<script setup lang="ts">
const appStore = useAppStore()
const { layoutTheme, overridesTheme } = storeToRefs(appStore)
useAutoDark()

const { naiveLocale } = useAutoLang()

useMenuStateProvider()
useMultiTabProvider()
</script>

<template>
  <n-config-provider
    :locale="(naiveLocale as any).locale"
    :date-locale="(naiveLocale as any).dateLocale"
    :theme="layoutTheme"
    :theme-overrides="overridesTheme"
  >
    <n-global-style />
    <app-provider>
      <router-view />
    </app-provider>
  </n-config-provider>
</template>

<style scoped></style>
